@import "./var.less";
.page{
  position: relative;
  .page-title-box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .condition-box{
      position: relative;
      display: flex;
      align-items: center;
    }
    .condition-item{
      position: relative;
      display: flex;
      align-items: center;
      &+.condition-item{
        margin-left: 20px;
      }
    }
  }
  .page-title-text{
    font-size: 16px;
    font-weight: 700;
  }
  .page-title-options{
    display: flex;
    position: relative;
  }
}
.card-wrapper{
  background: @bg-color;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0px 0px 3px @box-shadow-color;
  &+.card-wrapper{
    margin-top: 20px;
  }
}
.status-text-disabled{
  color: @disabled-color;
}
.status-text-delete{
  color: @disabled-color;
  text-decoration: line-through;
}
.status-text-pending{
  color: @warning-color;
}
.status-text-success{
  color: @success-color;
}
.status-text-error{
  color: @error-color;
}
.tag-text{
  border-radius: 3px;
  font-size: 12px;
  padding: 2px 3px;
}
.tag-warning-text{
  color: @warning-color;
  background: fade(@warning-color, 10%);
}
.tag-error-text{
  color: @error-color;
  background: fade(@error-color, 10%);
}
.btn-row{
  .cp-btn+.cp-btn{
    margin-left: 15px;
  }
}
.@{ant-prefix}-picker-cell-selected{
  .@{ant-prefix}-picker-calendar-date{
    border-color: @primary-color !important;
    border-radius: 3px !important;
    box-shadow: 0px 0px 5px @primary-color;
  }
  .@{ant-prefix}-picker-calendar-date-value{
    font-weight: 700;
  }
}
